// state和setState的基本使用

import React from 'react';
class Hellow extends React.Component {
    // 2.prototype.bind();
    // constructor() {
    //     super()
    //     // 初始化state
    //     this.state = {
    //         count: 0
    //     }
    //     this.onAdd = this.onAdd.bind(this);
    // }

    //简化写法 
    state= {
        count: 10
    }
    // 事件处理
    // 解决this指向问题 1.()=> this.onAdd() 
    onAdd() {
        this.setState({
            count: this.state.count + 1
        })
    }
    render() {
        return (
            <>
                <p>state: {this.state.count}</p>
                <button onClick={()=> this.onAdd()}> +1 </button>
            </>
        )
    }
}
export default Hellow;